<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>字体变体属性(font variant attribute)</title>
  <!-- 
  font-variant 是CSS属性，用于控制字体的变体效果，例如小型大写字母和小型数字。font-variant 属性的总结： 
 
    1.  font-variant: normal; ：默认值，正常字体效果。 
    2.  font-variant: small-caps; ：将文本转换为小型大写字母格式，大写字母略大于小写字母。 
    3.  font-variant: initial; ：将字体效果重置为初始值。 
    4.  font-variant: inherit; ：继承父元素的字体效果。 
    
  通过设置 font-variant 属性，可以调整文本的字体变体效果，为文本添加一些独特的样式
  -->
  <style>
    .font-variant {
      /* 大写字母略大于小写字母 */
      font-variant: small-caps;
    }
  </style>
</head>
<body>

  <div class="font-variant">
    My Name Is Font variant
  </div>
  
</body>
</html>